تعلم html لغة الويب من البداية

ما هي HTML ؟

إن HTML هي اختصار abbreviation الحروف الأولى من الجملة Hyper Text Markup Language و التي تعني بترجمة غير حرفية لغة وصف صفحات الويب , وهي ليست لغة برمجيَّة, بل هي لغة وصفيَّة Markup Language , لأن HTML تستخدم مجموعة من الوسوم Tags لوصف صفحة الويب.

أمَّا الوسوم Tags فيي كلمات أو أحرف محددة مسبقاً Keywords تحمل معاني خاصَّة, وتكون محصورة بين قوسين من الشكل < >

مثل

و <html>

, تأتي الوسوم في الغالب علي شكل أزواج مثل

.

, يدعى الوسم الأوَّل

بوسم البداية Begin Tag أو وسم الفتح Opening Tag

, و يدعى الوسم الثاني

بوسم النهاية End Tag أو وسم الإغلاق Closing Tag .

يتم كتابة مستندات HTML باستخدا م أي محرر نصي بسيط )مثل notepad أو متقدِّم مثل Visual Studio , atom و يتم تخزينها في ملفات تحمل امتداد extension .html

ٙ تتكون مستندات HTML بشكل أساسي من محتوى نصي عادي بالإضافة إلى مجموعة من وسوم HTML , و في الحقيقة فإن مستندات HTML تدعم بػل)صفحات الويب( Web Pages , و يتم استخدا م برنامج خاص لقراءة هذه المستندات يعرف هذا البرنامج باسم مستعرض الويب Web Browser و من أمثلته Internet Explorer و Firefox و Google chrome .. إلخ.

الهدف م نمستعرض الويب هو قراءة مستندات HTML و عرضها بشكل صفحات ويب, بمعنى أي مستعرض الويب لّا يعرض وسومHTML كنصوص بشكل مباشر و لكنَّه يستخدمها لإنتاج صفحة ويب بالشكل والمحتوى الموصوف في مستند HTML

.كيف أبدأ في تعلم كتابة مستندات HTML ؟

كل ما تحتاجه لكي تبدأ في تعلم كتابة مستندات HTML هو محرر نصوص )

مثل Notepad

( براوسر )مثل chrome,

بعد ذلك يمكنك قراءة الفقرات التالية و التعلم خطوة بخطوة عن طريق الامثلة القادمة

مباشر باستخدا م محرر النصوص و من ثَّم اختبارىا باستخدم البراوسر

المثال الأوَّل في لغة HTML

سنقوم الآن بكتابة أول صفحة HTML معاً باتباع الخطوات التالية:

نقوم أولّا بفتح أحد محرر النصوص و ليكن المفكرة Notepad عمى سبيؿل المثال و نكتب

الشيفرة التالية:

<html>

<head>

<title>

My first HTML page

<head/>

<body>

Welcome to my first HTML page

<body/>

<html/>

ثَّم نقوم بحفظ الملف باسم firstPage.html

ٛ الآن و بعد أن قمنا بحفظ الملف باسم firstPage.html نقو باستعراضه باستخدام أحد مستعرضات الويب و ليكن Internet Explorer على سبيل المثال لنشاهد الشكل التالي

الشكل 2 : الشكل النهائي في المستعرض لأوَّل صفحة مكتوبة باستخدام HTML

كما ترى فقد قمنا بكتابة صفحتنا الأولى باستخدا لغة HTML وهذه الصفحة تحتوي على نص ترحيب بسيط هو النص Welcome to my first HTML page! , تم وضع هذا النص باستخدام الوسم الخاص p وبذلك تكون قد قمت بكتابة أول عنصر بلغة html يظهر امامك في المتصفح كما في الشكل

كل يوم

القائمة الرئيسية

الصفحات

تعلم html لغة الويب من البداية